<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鹰视眼镜满意度调查</title>
    <link rel="stylesheet" href="CSS/style.css">
</head>
<body>
    <form action="mailto:1242590573@qq.com">
        <table>
            <tr>
                <th><img src="images/wjbanner.jfif" alt=""></th>
            </tr>
            <tr>
                <td>
                    <h1>关于鹰视眼镜的满意度调查</h1>
                </td>
            </tr>
            <tr>
               <td>1.您在鹰视眼镜配过眼镜吗？</td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name='pj' value="配过">配过<br>
                    <input type="radio" name='pj' value="没有配过">没有配过
                </td>
            </tr>
            <tr>
                <td>2.您一般是在线下配镜还是线下配镜？</td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name='x' value="线下">线下<br>
                    <input type="radio" name='x' value='线上'>线上
                </td>
            </tr>
            <tr>
                <td>3.您对我们的配镜技术的满意程度？</td>
            </tr>
            <tr>
                <td>
                    <input type="range" name="js" max="10" min="1" onchange="document.getElementById('show').innerHTML=value">
                    <span id="show"></span>
                </td>
            </tr>
            <tr>
                <td>4.您对我们的服务态度的满意程度？</td>
            </tr>
            <tr>
                <td>
                    <input type="range" name="fu" max="10" min="1" onchange="document.getElementById('fw').innerHTML=value">
                    <span id="fw"></span>
                </td>
            </tr>
            <tr>
                <td>5.您对我们镜片的满意程度？</td>
            </tr>
            <tr>
                <td>
                    <input type="range" name="jp" max="10" min="1" onchange="document.getElementById('jp').innerHTML=value">
                    <span id="jp"></span> 
                </td>
            </tr>
            <tr>
                <td>6.您对我们镜框架的满意程度？</td>
            </tr>
            <tr>
                <td>
                    <input type="range" name="jj" max="10" min="1" onchange="document.getElementById('kj').innerHTML=value">
                    <span id="kj"></span> 
                </td>
            </tr>
            <tr>
                <td>7.您希望我们增加以下那些产品样式？（多选）</td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name='jpys' value="镜片样式">镜片样式<br>
                    <input type="checkbox" name="jjys" value="镜架样式">镜架样式<br>
                    <input type="checkbox" name='mtys' value='美瞳样式'>美瞳样式<br>
                    <input type="checkbox" name="tyjys" value="太阳镜样式">太阳镜样式
                </td>
            </tr>
            <tr>
                <td>8.您居住地的省份是？</td>
            </tr>
            <tr>
                <td>
                    <select class="sf" name="sf" id="sf">
                        <option value="陕西省">陕西省</option>
                        <option value="河北省">河北省</option>
                        <option value="山东省">山东省</option>
                        <option value="辽宁省">辽宁省</option>
                        <option value="黑龙江">黑龙江</option>
                        <option value="吉林省">吉林省</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>9.您的性别是？</td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name='sex' value='male'>男<br>
                    <input type="radio" name='sex' vale='female'>女
                </td>
            </tr>
            <tr>
                <td>10.请填写一下您的邮箱。</td>
            </tr>
            <tr>
                <td>
                    <input type="email" name='yx'>
                </td>
            </tr>
            <tr>
                <td>11.请填写一下你的电话号码。</td>
            </tr>
            <tr>
                <td>
                    <input type="number" name="dh">
                </td>
            </tr>
            <tr>
                <td>12.您对鹰视眼镜有哪些意见和建议？</td>
            </tr>
            <tr>
                <td>
                    <textarea class="yj" name="suggest" id="yjhjy" cols="60" rows="10" placeholder="请留下你宝贵的意见吖~"></textarea>
                </td>
            </tr>
            <tr>
                <th>
                    <input class="new_button" type="submit" name="tj" id="tj">
                    <input class="new_button" type="reset" name="cz" id="cz">
                </th>
            </tr>
        </table>
    </form>
</body>
</html>